/*2019總統科學獎***************************************/


	/*reset css*/
	body, div, ul, ol, li, h1, h2, h3, h4, h5, h6, form, input, button, textarea, p, blockquote, th, td {	margin: 0;padding: 0;}
	img {border: 0;}
	:focus {outline: 0;}
	h1, h2, h3, h4, h5, h6 {font-size: 100%;font-weight: normal;}
	input, button, textarea, select, optgroup, option {font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;}
	code, kbd, samp, tt {font-size: 100%;}
	
	/*purpose To enable resizing for IE */
	/*branch For IE6-Win, IE7-Win */
	input, button, textarea, select {*font-size: 100%; -webkit-appearance: none;  /* Safari 和 Chrome，常用於iOS下移除內建樣式 */
 -moz-appearance: none;     /* FireFox */
 appearance: none;}
	body {line-height: 180%;}
	ol, ul, li {list-style: none;}
	:link, :visited , ins {text-decoration: none;}
	blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}
	
	/*HTML5 tag*/
	section, article, aside, footer, header, nav, main {display:block;}
	
	/*HTML5 display-role reset for older browsers*/
	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
	body {line-height: 1;}
	ol, ul {list-style: none;}
	blockquote, q {quotes: none;}
	blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
	table {border-collapse: collapse; border-spacing: 0;}
	
	/*general*/
	html, body {height: 100%;width: 100%;}
	body {width:1920px;margin:0 calc(50% - 960px);background:rgba(201, 218, 234, 0.8);color:#1d1d1d;font: 14px "Arial","Microsoft JhengHei","Calibri";line-height: 30px;cursor: default; }
	div {width: 100%;float:left; padding:0;margin:0;} 
	p , table {width: 100%; float:left; padding:0; margin:0;}

	.header {display:none;}
	
	
	/*pop window*/
	body div#lbOverlay {}
  body div#lbMain {left:5% !important; right:5% !important; width:90% !important; float:none !important; clear:both !important; margin:0 auto !important; background:none;}
  body div#lbOuterContainer {left:5% !important; right:5% !important; width:90% !important;  padding:0 !important; margin:0 !important; }
  body div#lbDetailsContainer {width:90% !important;  padding:0 !important; margin:0 5% !important;}
  body div#lbDetailsContainer div { padding:0 !important; margin:0 !important;}
  body div#lbImageContainer, #lbIframeContainer, #lbInfoDisplay {padding: 10px !important;}
  body div#lbC2Cleft, #lbC2Cright { width: 49.9% !important;}
	body div#lbPrev, #lbNext { width: 49.9% !important;}
  body div#lbDetails { width: 50% !important;}
  body div#lbNumberDisplay, #lbNavDisplay {padding-bottom: 1.0em !important; }
	body div#lbClose,	#lbPlay, #lbPause, #lbResize, #lbSave, #lbInfo, #lbExif, #lbGeo, #lbBack { width: 64px !important; margin-bottom: 1px !important; }
	
	/*1920*****************************/
	@media screen and (max-width: 1920px) {			
		body {width:100%;margin:0;}	
	}	
	
	/*title*/
	h1, .seach-body .word {color: #565656;font-size: 28px;line-height: 35px;margin:25px 0;padding:0 0 5px 0;text-align:center;border-bottom:2px solid #b4c43c;width:100%;float:left;}	
	h2 {font-size: 24px;line-height: 30px;color:#fff;margin:30px 0;padding: 5px 0;width: 100%;float:left;text-align:center;background:#717b24;}	
	h3 {font-size: 15px;line-height: 24px;width:100%;float:left;margin:10px 0;font-weight:900;color:#56738f;}
	h4 {font-size: 20px;line-height: 26px;width:100%;float:left;margin:10px 0;font-weight:900;color:#56738f;}
	h5 {font-size: 24px;line-height: 28px;color:#565656;width:100%;float:left;padding:10px 0;margin-bottom:10px;text-align:center;}
	h5 span {display:inline-block;width:27px;padding-right:10px;position:relative;top:-2px;}
	h6 {font-size: 15px;line-height: 24px;width:100%;float:left;margin:10px 0;color:#56738f;}
	h7 {font-size: 20px;line-height: 30px;width:100%;float:left;margin:5px 0;color:#565656;}
	h8 {font-size: 18px;line-height: 26px;width:100%;float:left;margin:5px 0;font-weight:900;color:#717b24;}
	#albumlist h2, #albumdetail td span, #product_home h2, #product_list h2, .product-list-ad h3 {font-size: 18px;margin:5px 0;color:#2a4686;background:none;text-align:center;overflow: hidden;white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis;}
	
	/*link*/
	a {color: #717b24;-webkit-transition: color .5s, background .5s;transition: color .5s, background .5s;}
	a:hover {color: #b4c43c;}
	a img {opacity: 1;}
	a img:hover {opacity: .8;-webkit-transition: opacity .5s;transition: opacity .5s;}
	
	/*iframe img*/
	iframe {margin: 10px 0;max-width: 100% !important;}
	img {height: auto !important;max-width: 100% !important;}
	img, div{borDer:0px;behavior: url(/inc/javascript/iepngfix.htc);}
	#maincontent img {border: 1px solid #cccccc;padding: 5px;width:calc(100% - 12px);background:#fff;}
	.tr-heading {}
	.odd {}
	.even {}
	.main-line {border-top: 1px dotted #cccccc;height: 1px;padding:10px 0;margin-top:10px;}

	/*list*/
	.articlelist ul, #albumdetail ul , #product_detail .briefdesc ul , #product_detail #descfull ul {width:100%;float:left;}
	.articlelist ul li, #albumdetail ul li , #product_detail .briefdesc ul li /*, #product_detail #descfull ul li */ {list-style: none;background:url(graphics/textli.png) left top 5px no-repeat;padding-left:26px;width:calc(100% - 26px);float:left;}
	.articlelist ul li ul, #albumdetail ul li ul  , #product_detail .briefdesc ul li ul /* , #product_detail #descfull ul li ul */ {margin-left: 15px;width:calc(100% - 15px);float:left;}
	.articlelist ul li ul li, #albumdetail ul li ul li , #product_detail .briefdesc ul li ul li /* , #product_detail #descfull ul li ul li*/ {list-style: none;background:url(graphics/footerli.png) left top 6px no-repeat;padding-left:26px;}
	.articlelist .main-subtitle ul, #albumdetail .main-subtitle ul {margin: 0;width:100%;float:left;}
	.articlelist .main-subtitle ul li, #albumdetail .main-subtitle ul li{list-style: none;}

	/*light box*/
	#grayBG {position: fixed !important;}
	#LightBox1.box_content {background: rgba(150, 30, 30, .6) !important;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;color: #ffffff;margin: 0 !important;left: 25% !important;width: 50% !important;}
	#LightBox1.box_content ul li a {background: rgb(250, 250, 250) !important;-webkit-border-radius: 5px; -moz-border-radius: 5px;border-radius: 5px;color: rgba(200, 30, 30, .8);}

	/*input*/
	input, textarea {padding:5px 5px;width:calc(100% - 10px);float:left;}
	
	input[type="submit"], input[type="button"], #personal-info a, #more-link a, .re-index a, .quick-print a, .linkbutton ul li a,
	 #Quick-Reply a h3, #hloginarea .hbox-title, #personal-info .hbox-title {
		background: #ffffff;
		cursor: pointer;
		-webkit-transition: background .5s;
						transition: background .5s;
	}		
	
	#more-link {margin-top: 10px;text-align: center;width: 100%;float:left;}
	#more-link a {display: block;line-height: 32px;width: 100%;}
	
	/*linkbutton*/
	.linkbutton {display: inline-block;width: auto;float:left;margin:0}
	.linkbutton ul {margin: 0 !important;}
	.linkbutton ul .art-reply{display: none;}
	.linkbutton ul li, .pageselection ul li {display: inline-block;list-style: none;text-align:center;padding-left:0;width:auto;float:none;background:none;}
	.linkbutton ul li a {display: block;line-height: 32px;}
	.articlelist .linkbutton , #albumdetail .linkbutton , #product_detail .linkbutton {position:relative;top:0px;float:left;}

	/*pageselection*/
	.articlelist .pageselection ,#albumlist .pageselection ,  #albumdetail .pageselection {margin-top: 40px;}
	.articlelist .pageselection ul  ,#albumlist .pageselection ul , #albumdetail .pageselection ul {width:100%;text-align:center;}
	.articlelist .pageselection ul li  , #albumlist .pageselection ul li , #albumdetail .pageselection ul li {display:inline-block;background:none;padding-left:0;width:auto;float:none;}
	.articlelist .pageselection ul li.activepage a , .articlelist .pageselection ul li.activepage a:hover , #albumlist .pageselection ul li.activepage a, #albumlist .pageselection ul li.activepage a:hover , #albumdetail .pageselection ul li.activepage a, #albumdetail .pageselection ul li.activepage a:hover {color: #b4c43c;background:#eaeaea;}
	.articlelist .pageselection ul li a , #albumlist .pageselection ul li a , #albumdetail .pageselection ul li a {padding: 3px 12px;}
	.articlelist .pageselection ul li.next , #albumlist .pageselection ul li.next , #albumdetail .pageselection ul li.next {display:none;}

	/* flash */
	#flash-header, .hbox-body#flash-logo, #maincontent embed.content-flash {display: none;}

	/*frame layout*/
	#artboard {background: #c9daea url(graphics/bg.jpg) center top no-repeat;min-height: 100%;}
	#artboard-body {background: url(graphics/bgtop.png) center top no-repeat;}
	#artboard-inner {background:url(graphics/copyright.jpg) center bottom repeat-x;}
	
	#header {display:none;}
	
	#content {width:1200px;margin:0 calc(50% - 600px) 0;padding-top:430px;min-height:100% ;zoom: 1;background:#fff url(graphics/banner.jpg) center top no-repeat;box-shadow:0px 0px 10px 2px rgba(17, 95, 93, 0.4);}
	
	/*content structure */
	#mainside {position:relative;}
	#mainside-body {}
	#mainside-inner{}
	
	#maincontent {min-height: 550px;padding:30px 25px;width:calc(100% - 50px);}
	#secondside {display: none;} 
	#extraDiv3, #extraDiv4 {display: none;}
	
	.main-subtitle {display: none;} 

	#Quick-Reply {display: none;} 

	/*footer*/
	#footer {display:none;width: 1200px;margin:0px calc(50% - 600px);}
	
	#foot-greeting {color:#fff;text-align:center;margin-top:8px;font-size:12px;}
	#foot-greeting a {color:#fff;font-size:12px;} 
	#foot-greeting span {position:relative;top:10px;}
	#foot-greeting span a {margin-left:15px;position:relative;top:10px;}
	
	/* main menu css configuration */
	#mainmenu {font-size: 22px;position: absolute;right: 0px;top: -50px;width: 1200px;margin:0 calc(50% - 600px);z-index: 20;float:left;background:#565656;padding:10px 0;}
  #mainmenu-body {text-align: center;width: 100%;}
  #mainmenu ul {width:950px;margin:0 calc(50% - 475px);float:right;text-align:center;}
	#mainmenu ul li {cursor:pointer; width:auto; float:left;position: relative;}
	#mainmenu ul li a {width:auto; color:#fff;padding:10px 25px 27px;}    
	#mainmenu ul li a:hover {color:#f4f4ce;}  
		
	/*css for dropdown menu */
  #mainmenu ul li ul {padding:0 ; margin:0px; width:230px;text-align:center;position: absolute;left: 23px;top: 40px;display:none;} 

  #mainmenu ul li:hover > ul {display: block;  text-align:center;width:230px;}
 	#mainmenu ul li ul li {width:100%; float:left;background:#fff;padding:0px 0;margin:0 ;}
  #mainmenu ul li ul li a {display:block;padding:10px;color:#555;font-size:17px;border: 1px solid #a0a0a0;}
  #mainmenu ul li ul li a:hover {color:#fff;background:#a0a0a0;border: 1px solid #a0a0a0;}
  #mainmenu ul li ul li ul {padding:5px 0; margin:0px; left:230px; top:-5px;}

	/*language*/
	#hbox-2600 {background: url(graphics/lang.png) center top no-repeat;height: 73px;width: 95px;	position: absolute;right:calc(50% - 590px);top: -430px;text-align: center;	box-shadow:0px 0px 7px 2px rgba(0, 0, 0, 0.6);}
	#hbox-2600 .hbox-title {display:None;}
	#hbox-2600 ul {margin-top:5px;}
	#hbox-2600 a {color: #ffffff;font-weight: bold;font-size:14px;line-height:18px;}
	#hbox-2600 a:hover {color: #c9daea;}

	/*article related classes */
	.smallart  {width:100%;float:left;margin:15px 0;}
	.main-title h2:hover {color: #3b5fb2;}
	#smallartpic {width:23%;margin-right:2%;float:left;}
	#smallarttxt {width:75%;float:left;}
	#smallarttxt a {color:#717b24;}
	#smallarttxt a:hover {color: #b4c43c;}
	#smallarttxt span {color:#767676;}
	#smallarttxt span:hover {color: #717b24;}

	.articlelist#articlelist46639 h2 {margin:10px 0;color:#2a4686;background:none;text-align:left;overflow: hidden;white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis;}

	/*albumlist*/
	#albumlist table {width:100%;margin-top:15px;float:left;}
	#albumlist table tr {width:100%;float:left;}
	#albumlist table tr:last-child {border-bottom:none;}
	#albumlist table td {width:23.3%;padding:35px 5% 20px;float:left;}
	#albumlist table tr:first-child td {padding:10px 5% 20px;}
	
	/*albumdetail*/
	#albumdetail h1 {display:none;}
	#albumdetail h2 {color: #565656;font-size: 28px;line-height: 35px;margin:25px 0;padding:0 0 5px 0;text-align:center;border-bottom:2px solid #b4c43c;background:none;}
	#albumdetail .main-title h2 div {display: none;}
	
	.album-list-table {width:100%;margin-top:15px;float:left;}
	.album-list-table tr {width:100%;float:left;}
	.album-list-table td {width:27.3%;padding:10px 3% 20px;float:left;text-align:center;}
	
	/*home*/
	#home	#maincontent {padding:30px 0px;width:100%;}
	#homecontent {width:100%;}
	.more {margin-top:15px;}
	.more a {background:#565656;padding:5px ;color:#fff;}
	.more a:hover {color:#f4f4ce;}
	
	.prizes , .news , .about {width:calc(50% - 80px);margin:0 40px;height:500px;overflow:hidden;}
	.previous {width:calc(100% - 80px);margin:0 40px;height:600px;overflow:hidden;}
	.prizes h2 {background:none;margin:0;padding:0;color:#000;font-size:14px;}
	.prizes h2 div {color:#1b4ea1;font-size:18px;}
	.prizes h5 {border-bottom:2px solid #7ccad2;}
	.prizes h5 span {background: url(graphics/pri-h5.png) left top no-repeat;}
	.prizes ul {width:100%;float:left;}
	.prizes ul li {width:28.3%;padding:0 2.5%;margin:0;float:Left;}
	.prizes table tr:last-child {display:none;}
	
	.news h2 {background:none;margin:0;padding:0;color:#000;font-size:14px;text-align:left;}
	.news h5 {border-bottom:2px solid #aacfe3;}
	.news h5 span {background: url(graphics/new-h5.png) left top no-repeat;}
	.news ul {width:100%;float:left;}
	.news ul li {width:calc(100% - 30px);padding:5px 15px;margin:2px 0;float:Left;background:#eeeeee;}
	.news table td {width:100%;float:left;}

	.previous h5 {border-bottom:2px solid #b69bbf;}
	.previous h5 span {background: url(graphics/pre-h5.png) left top no-repeat;}
	.previous ul {height: 225px;margin: 0 15px 5px;overflow-y: auto; width: calc(100% - 30px);}
	.previous ul li {width:calc(25% - 10px);padding:5px 5px;margin:2px 0;float:Left;}
	.previous table tr {width:calc(100% - 80px);padding:0 10px;float:left;}
	.previous table tr:first-child {width:50px;padding:0;}
	.previous table tr:last-child {display:none;}
	.previous table td {width:100%;float:left;min-height:80px;}
	.previous h2 {background:none;margin:0;padding:0;color:#000;font-size:14px;text-align:left;}
	.previous h2 div {color:#1b4ea1;font-size:18px;}

	.about h5 {border-bottom:2px solid #b4c43c;}
	.about h5 span {background: url(graphics/abo-h5.png) left top no-repeat;}
	.aboutinfo {width:calc(100% - 30px);padding:5px 15px;background:#eeeeee;}
	
	/*介紹*/
	.committee {width:76%;margin:0 12%;text-align:left;}
	.committee tr {border-bottom:5px solid #fff;background:none}
	.committee tr:hover {background:#bbbaba;}
	.committee th {background:#dcdcdc;padding:5px 10px;}
	.committee td {background:#eeeeee;padding:5px 10px;}
	
	ul.committeeli {widht:calc(100% - 30px);padding-left:30px;}
	ul.committeeli li {color:#565656;margin:10px 0;}
	
	ul.download {width:150px;margin:20px calc(50% - 75px) 0;}
	ul.download li {width:120px;margin:0 15px;padding:0;background:none;text-align:center;}
	ul.download li a {color:#fff;background:#565656;display:block;width:100%;}
	ul.download li a:hover {color:#f4f4ce;}
	
	/*活動花絮*/
	#articledetail692888 .main-body ul {margin-top:20px;}
	#articledetail692888 .main-body ul li {background:none;padding-left:0px;width:100%;}	
	#articledetail692888 .main-body ul.ablist46638 {width:80%;padding:0px 10% ;text-align:center;}
	#articledetail692888 .main-body ul.ablist46638 li {width:40%;padding:10px 5% 50px;display:inline-block;height:260px;overflow:hidden;}
	#articledetail692888 .main-body ul.ablist46638 li .ablist h2 {font-size: 18px;margin:5px 0;color:#2a4686;background:none;text-align:center;overflow: hidden;white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis;}
	#articledetail692888 .main-body ul.ablist46638 li .ablistdate {display:none;}

	/*獲獎人*/
	.bodypage46616 #albumdetail .main-body , .bodypage46636 #albumdetail .main-body {width: calc(100% - 270px);}
	.bodypage46616 #albumdetail .main-body:last-child , .bodypage46636 #albumdetail .main-body:last-child {width: 250px;margin-left:20px;}
	.bodypage46616 .album-list-table td , .bodypage46636 .album-list-table td {width:98%;padding:0% 1% 20px;}
	.bodypage46616 #albumdetail ul li {background:url(graphics/textli2.png) left top 8px no-repeat;background-size:15px;padding-left:20px;width:calc(100% - 20px);}
  .bodypage46636 #albumdetail ul li {background:url(graphics/textli3.png) left top 8px no-repeat;background-size:15px;padding-left:20px;width:calc(100% - 20px);}

	/*1280*****************************/
	@media screen and (max-width: 1280px) {	

	body {width:1210px;margin:0;}
  
}